.title{
  small{
    font-size: 14px;
    color: #333;
    cursor: pointer;
    &.active{
      color:#00bb90;
    }
  }
}
.area{
  float: left;
  text-align: center;
  width:98px;
  border: 1px solid #e5e5e5;
  margin-right:10px;
  height: 28px;
  line-height: 28px;
  margin-bottom: 25px;
  cursor: pointer;
  &.active {
    background-image: url('/static/images/images/checked_03.png');
    border:0;
    color:#fff;
    height:35px;
  }
}
.score-btn{
  margin-top:25px;
}
.vs{
  text-align: center;
  margin: 18px 0;
}
.center{
  text-align: center;
}
.btn-wrap{
  margin: 30px 0 20px;
  text-align: center;
}
.game-name{
  width: 100px;
  display: inline-block;
}
.score-input{
  width:100px;
}
.seed-number{
  width:20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  background: #fd9a4c;
  color:#fff;
  display: inline-block;
  border-radius: 3px;
  margin-right: 3px;
  font-size: 12px;
  position: absolute;
  left:0;
  &.inner{
    position: initial;
    padding: 0;
  }
}
.player{
  max-width:120px;
  font-size: 12px;
  display: inline-block;
  text-align: center;
  position: relative;
}
.player-item{
  line-height: 20px;
}
.scorebtn{
  position: absolute;
  top:38%;
  right:10px;
  margin: 0;
}
.check-tb ul li{
  border:1px solid #eee;
  border-bottom: 0;
  border-right: 0;
  padding:20px 10px;
  height: 131px;
}
.check-tb ul:last-child{
  border-right: 1px solid #eee;
}
.check-tb ul li:last-child{
  border-bottom: 1px solid #eee;
}
.check-tb ul:nth-child(2){
  li{
    height:262px;
    padding: 40px 10px 40px 20px; 
    .player-item{
      line-height: 40px;
    }
    .seed-number{
      margin-top: 10px;
    }
    .vs{
      margin: 36px 0
    }
    .scorebtn{
      top:42%;
    }
  }    
}
.check-tb ul:nth-child(3){
  li{
    height:524px;
    padding: 150px 10px 100px 20px;
    .player-item{
      line-height: 80px;
    }
    .seed-number{
      margin-top: 30px;
    }
    .scorebtn{
      top:46.5%;
    }
  }    
}
.check-tb ul:nth-child(4){
  li{
    height:1048px;
    padding: 250px 10px 100px 20px;
    .player-item{
      line-height: 160px;
    }
    .seed-number{
      margin-top: 70px;
    }
    .vs{
      margin:104px 0
    }
    .scorebtn{
      top:48.5%;
    }
  }    
}
.check-tb ul:nth-child(5){
  li{
    height:2096px;
    padding: 500px 10px 200px 20px;
    .player-item{
      line-height: 320px;
    }
    .seed-number{
      margin-top: 150px;
    }
    .vs{
      margin:216px 0
    }
    .scorebtn{
      top:49.2%;
    }
  }    
}
.round{
  li{
    float:left;
    text-align: center;
    line-height: 30px;
    border: 1px solid #eee;
    border-bottom: 0;
    border-right: 0;
  }
}
.round li:last-child{
  border-right: 1px solid #eee;
}
